﻿
/*header*/
.header{height:100px;background-color: #fff;}
.logo{float: left;width: 340px;margin-top:18px;}
.header_right{float: right;}
.header_top{height:47px;margin-top:20px;overflow: hidden;}
.call{font-size:18px;color:#0e0e0e;font-family:Arial;float: right;width: 130px;padding-left:41px;height:28px;border-radius: 14px;line-height:28px;background: url("../images/call_06.png") no-repeat center;}
.sous{margin-left:6px;transition:.8s;-webkit-transition:.8s;overflow:hidden;float: right;width:28px;line-height:28px;height:28px;border-radius: 14px;background-color: #efefef;}
.sous .txt{float: left;background-color: #efefef;width: 130px;border:none;height:28px;text-indent:.8em;}
.sous .submit{float: left;width: 28px;height:28px;border-radius: 14px;background:url("../images/header_09.png") no-repeat center;border:none;cursor: pointer;}
.nav_right{width:160px;background: url("../images/header_09.png") no-repeat 5px 2px #fff;}
.nav{height:33px;width: 690px;float: right;}
.nav li{position:relative;float:left;height:16px;text-align:center;border-left: 1px solid #eee;width: 92px;}
.nav li>a{font-size:14px;height:30px;border-bottom:3px solid transparent;color:#212121;display:inline-block;}
.nav li:first-child{width: 50px;border:none;}
.nav li.last_li{width:80px;text-align:right}
.nav li>a:hover,.nav li>a.on{color: #009ced;border-color:#009ced;}
.nav li div{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); z-index:1000;left:-37px;display:none;width:170px;position:absolute;top:33px;background-color: #fff;}
.nav li div a{transition:.5s;overflow:hidden; background: #fff;border-bottom:1px solid #eee;  padding: 14px 20px;  width: 130px; display: block;font-size:14px; height: 20px;}
.nav li div a:hover{text-indent:.5em;background: #eee;}
.nav li div a span{float: right;margin-top:2px;margin-right:-10px;width: 10px;height:15px;}
.nav li div a:hover span,.nav_center li div a:hover span{background: url("../images/index_031_05.png") no-repeat center;}
.nav li.last_li div{text-align: center;}

/*products*/
.cont_img{height:250px;text-align:center;/* margin-top: 110px; */}
.img_tit{margin:99px 0 3px 0;color: #fff;font-size: 30px;line-height: 38px;display: block;}
.img_tit span{color: #ffd614;}
.bread{margin: 0 5px;color: #7c7c7c;}
.bread a{color: #7c7c7c;}
.bread a:hover{color: #eee;}
.cont_child{overflow:hidden;background-color: #fff;border-bottom:1px solid #ebebeb;/*height:58px;*/}
.cont_child a{font-size:14px;color:#737373;transition:.5s;-webkit-transition:.5s;text-align:center;float: left;width: 130px;height:58px;line-height: 58px;overflow: hidden;box-sizing: border-box;}
.cont_child a:hover,.cont_child a.on{background-color:#f4f5f5;border-top:4px solid #009ced;}
.produ_con{margin:40px auto;padding:25px 0;width: 1200px;background-color: #fff;}
.product_f1{transition:.8s;-webkit-transition:.8s;overflow:hidden;display:block;width: 1026px;height:341px;margin:10px auto;}
.product_f1 img{transition:.8s;-webkit-transition:.8s;display: block;width: 100%;height:100%;}
.product_f1:hover{border-color:transparent;-webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);box-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);}
.product_f1:hover img{transform: scale(1.01);-webkit-transform: scale(1.01);}

.cont_join{overflow:hidden;height:210px;text-align: center;background: url("../images/product_04.jpg") no-repeat center;}
.phone{font-size: 21px;margin-top:53px;color: #fff;}
.phone span{letter-spacing:.1em;font-size:32px;color:#fff;width:277px;margin:0 auto;margin-bottom:3px;font-family: 'Conv_ProximaSansBlack';display: block;padding-left:35px;background: url("../images/header_19.png") no-repeat left center;}
.phone a{transition:.5s;-webkit-transition:.5s;color:#fff;margin:0 auto;margin-top:15px;line-height:36px;font-size:16px;font-weight:bold;background-color:#ecc300;display: block;width: 154px;height:36px;border-radius: 18px;}
.phone a:hover{background-color: #ffd50e; }
.footer{background-color: #2c2c2c;padding-top:59px;}
.footer_top{overflow: hidden;}
.footer_left{float: left;width: 230px;}
.footer_left span{text-align:center;font-size:13px;color:#595959;float: left;width: 105px;margin-right:10px;}
.footer_left span img{display: block;margin-bottom:14px;}

.footer_right{/* width: 780px; */float: right;}
.footer_f1{float: left;width: 120px;margin-bottom:40px;}
.footer_f1 a{display: block;font-size: 13px;color: #818181;line-height: 21px;}
.footer_f1 a:first-child{font-size: 14px;color: #fff;margin-bottom:25px;}
.last_footer_f1{width: 60px;}
.footer_f1 a:hover{color: #fff;}

.footer_bottom{height:83px;border-top:1px solid #373737;}
.foot_left{float: left;width: 830px;}
.coy{font-size: 13px;color: #818181;line-height: 21px;}
.coy a{color: #818181;display:inline-block;margin:0 5px;}
.coy a:hover,.yq a:hover{color: #fff;}
.yq{margin-top:15px;color: #595959;}
.yq a{color: #595959;display: inline-block;margin-right:25px;}
.foot_right{float: right;width: 190px;margin-top:22px;}
.foot_right a{height:36px!important;width:36px!important;;padding:0!important;;margin:0 3px!important;;}
.foot_right a.bshare-sinaminiblog{background: url("../images/fx_03.png") no-repeat center!important;}
.foot_right a.bshare-qqim{background: url("../images/fx_05.png") no-repeat center!important;}
.foot_right a.bshare-qzone{background: url("../images/fx_07.png") no-repeat center!important;}
.foot_right a.bshare-itieba{background: url("../images/fx_09.png") no-repeat center!important;}

/*faq*/
.faq_tit{width:980px;margin:0 auto;margin-top:40px;border-bottom:1px solid #e6e8ee;height:78px;text-align: center;}
.faq_tit span{margin-bottom:22px;display: block;font-size: 14px;color: #a9a9a9;font-family: Arial;}
.faq_tit b{display: block;font-weight: normal;font-size: 30px;color: #2b2b2b;}
.faq_tit i{display:block;margin: 0 auto;width: 44px;height:2px;background-color: #009ced;}


.in_faq{overflow: hidden;width: 935px;margin:38px  auto;}
.in_faq li{overflow: hidden;}
.in_f_add{
    width: 935px;
    height: 43px;
    padding-left: 45px;
    line-height: 43px;
    font-size: 14px;
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out 0s;
    color: #868686;
    background: url("../images/faq_16.png") no-repeat 17px 20px #fff;
    }
.in_f_add:hover{color: #fff;background: url("../images/faq_06.png") no-repeat 17px 20px #01a3f6;}
.in_f_add.hover{color: #fff;background: url("../images/faq_06.png") no-repeat 17px 20px #01a3f6;}
.in_f_add span{transition:.5s;-webkit-transition:.5s;margin:10px 22px;float: right;width: 22px;height:22px;background: url("../images/faq_14.png") no-repeat center;}
.in_f_add.hover span,.in_f_add:hover span{background: url("../images/faq_03.png") no-repeat center;}

.in_f_c{margin-bottom: 15px;padding: 20px;background: #fff;display: none;}
.in_f_c p{width: 891px;margin:0 auto;font-size:13px;line-height:34px;color:#828282;overflow: hidden;-webkit-transition: all 0.5s ease-in-out 0s;}
.in_f_i{width: 11px;height: 8px;position: relative;background: url("../images/faq_11.png") no-repeat;margin: -27px 0 15px 40px;*position: absolute;}

/*case*/
.dq{width:1100px;margin: 0 auto;margin-top:23px;color:#4e4e4e;font-size:13px;height:37px;border-bottom:1px dashed #d4d4d4;}
.dq a{transition:.5s;-webkit-transition:.5s;text-align:center;cursor:pointer;margin-right:22px;display: inline-block;color: #737373;width: 63px;height:20px;}
.dq a:hover{color: #fff;background-color: #009ced;}
.case_cont{margin:0 auto;margin-top:30px;width: 1035px;overflow:hidden;}
.case_cont a{margin:0 30px 30px 0;position:relative;float: left;width: 500px;}
.case_cont a b{display: block;width: 500px;height:345px;}
.case_cont a img {display: block;width: 100%;height:100%;}
.case_cont a p,.case_cont a:hover p i{width: 500px;height:345px;
    -webkit-transform: translateY(0) translateX(0) scale(0.25);
    transform: translateY(0) translateX(0) scale(0.25);
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    opacity: 0;
    filter: alpha(opacity=0);
    top:0;left:0;position: absolute;background: url("../images/case_15.png");
}
.case_cont a:hover p ,.case_cont a:hover p i{
    -webkit-transform: translateY(0) translateX(0) scale(1);
    transform: translateY(0) translateX(0) scale(1);
    -webkit-transition: all 0.55s;
    -o-transition: all 0.55s;
    transition: all 0.55s;
    opacity: 1;
    filter: alpha(opacity=100);
}
.case_cont a div{overflow:hidden;font-size:14px;color:#999;background-color:#f1f1f1;line-height:25px;height:85px;width: 470px;padding-left:30px;}
.case_cont a div i{transition:.5s;-webkit-transition:.5s;margin:-19px 33px 0 0;float: right;width: 36px;height:36px;background: url("../images/case_20.png") no-repeat center;}
.case_cont a:hover div i{margin-right:20px;}
.case_cont a:hover p i{-webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;position:absolute;top:0;display:block;left:0;background: url("../images/cas_03.png") no-repeat center;}
.case_cont a:hover p i{-webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;}
.case_cont a.tr_a{margin-right:0;}

/*page*/
.page{margin:-20px 0 60px 0;text-align: center;}
.page a{margin:0 4px;transition:.5s;-webkit-transition:.5s;display: inline-block;width: 20px;height:20px;font-size: 18px;color: #999;line-height: 20px}
.page a.page_prev{margin-right:25px;background: url("../images/page_03.png") no-repeat center;}
.page a.page_prev:hover{background: url("../images/page1_03.png") no-repeat center;}
.page a.page_next{margin-left:25px;background: url("../images/page_05.png") no-repeat center;}
.page a.page_next:hover{background: url("../images/page1_05.png") no-repeat center;}
.page a:hover,.page a.on{color: #009ced;}


/*history*/
.his_cont{padding-bottom:38px;position:relative;background:url("../images/his_03.png") repeat-y 105px 0;width: 990px;margin: 0 auto;margin-top:50px;margin-bottom:60px;}
.year{margin-bottom:10px;border-radius:50%;display:block;margin-left:73px;width: 66px;height:66px;background-color: #0095e2;line-height: 66px;color: #fff;font-size:18px;text-align:center;}
.his_f1{margin:0 0 15px 100px;overflow: hidden;}
.his_f1 div{transition:.5s;-webkit-transition:.5s;color:#000;font-size:14px;line-height:24px;background-color:#f1f1f1;float: left;width: 720px;padding: 25px;}
.his_f1>span{transition:.5s;-webkit-transition:.5s;margin-top:28px;float: left;width: 36px;height:20px;background: url("../images/his_07.png") no-repeat ;}
.his_f1 div span{display: block;font-size: 18px;font-family: 'Conv_ProximaSansRegular';}
.bo{bottom:0;left:93px;background-color: #dfdfdf;height:27px;width: 27px;border-radius:50%;position: absolute;}
.his_f1:hover div{background-color: #0095e2;color: #fff;}
.his_f1:hover>span{background:url("../images/his_10.png") no-repeat;}
.jies{width: 980px;margin:0 auto;font-size: 14px;line-height: 28px;color: #666;text-indent: 2em; }
.about_img{width: 980px;margin:45px auto;height:150px;overflow: hidden;}
.about_img p{transition:.5s;-webkit-transition:.5s;width:177px;margin-left:90px;float:left;text-align:center;padding-top:120px;}
.about_img p b{display:inline-block;width: 12px;height:9px;background:url("../images/bg_03.jpg") no-repeat center;}
.about_img p span{display:inline-block;font-size:16px;color: #878787;margin:0 3px; }
.about_img p:first-child{margin-left:0;}
.about_img p:hover{margin-top:10px;}

.slideBox{margin:45px auto;margin-bottom:65px;width:970px;overflow:hidden;}
.large_box{margin-bottom: 10px;width:970px;height:370px;overflow:hidden;margin: auto;}
.large_box img{display:block;}
.small_box{width:970px;height:167px;overflow:hidden;margin: auto;margin-top: 10px;}
.small_list{position:relative;float:left;width:783px;height:167px;overflow:hidden;}
.small_list ul{height:167px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:15px;width:250px;}
.small_list ul li img{display:block;}
.small_list ul li .bun_bg{transition:.5s;-webkit-transition:.5s;cursor:pointer;position:absolute;top:0;left:0;width:250px;height:165px;line-height:165px;text-align:center;color:#fff;border:1px solid #0095e2;font-size:16px;background-color:#0095e2;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.small_list ul li:hover .bun_bg{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.btn{transition:.5s;-webkit-transition:.5s;display:block;width:75px;height:167px;background-color:#e5e5e5;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.btn:hover{background-color: #d3d3d3;}
.left_btn{float:left;margin-right:20px;background-image:url(../images/about_20.png);}
.right_btn{float:right;background-image:url(../images/about_22.png);}
.faq_tit+.jies{margin-top:36px;}


/*contact*/
.cont_f1,.map,.zx,.con_sub{width: 1017px;overflow: hidden;margin:0 auto;}
.cont_f1_left{float: left;width: 482px;padding-left:20px;}
.cont_call{margin:75px 0 50px 0;background:url("../images/contact_06.png") no-repeat left center;padding-left:70px;font-size: 14px;font-weight: bold;color: #585858;}
.cont_call span{font-family: 'Conv_ProximaSansBlack';letter-spacing:.1em;display: block;font-size: 34px;color: #0095e2;}
.cont_left_bottom{font-size: 14px;line-height: 24px;color: #757575;}
.cont_left_bottom span{ display:block;font-weight:bold;margin-bottom:30px;font-size: 18px;color: #2c2f33;}
.cont_f1_right{float: right;width: 493px;}
.cont_right_f1{transition:.5s;-webkit-transition:.5s;margin-bottom:30px;font-size:14px;line-height:24px;color:#737373;padding-left:98px;background: url("../images/contact_03.png") no-repeat left center;}
.cont_right_f2{margin-top:75px;}
.cont_right_f1:hover{background: url("../images/contact_03.png") no-repeat 10px center;}
.map img{display: block;width: 100%;height:100%;}
.zx{margin-top:48px;}
.zx .txt{background-color: #ffffff;text-indent:1em;font-size:13px;color:#919191;margin:0 0 20px 16px;float: left;width: 498px;line-height:36px;height:36px;border:1px solid #ededed;}
.zx textarea{background-color: #ffffff;border:1px solid #ededed;height:178px;text-indent:1em;font-size:13px;color:#919191;line-height:36px;width: 1022px;}
.zx .txt:first-child{margin-left:0;}
.con_sub{text-align: center;margin:30px 0 45px 0;}
.con_sub input{cursor:pointer;transition:.5s;-webkit-transition:.5s;border:none;margin:0 9px;display:inline-block;width: 130px;line-height: 37px;height:37px;background-color: #666;font-size: 14px;color: #fff;}
.con_sub input:hover{background-color: #009ced;}

/*prospect*/
.pros_p{width:920px;margin:0 auto;font-size: 14px;line-height: 30px;color: #737373;}
.pros_p img{transition:.5s;-webkit-transition:.5s;margin:35px 0 30px 0;display: block;width: 100%;height:auto;}
.pros_p a{transition:.5s;-webkit-transition:.5s;text-align:center;font-size:16px;color:#fff;background-color:#0095e2;display: block;margin:0 auto;margin-bottom:70px;width:155px;height:36px;line-height:36px;border-radius: 18px;}
.pros_tit{text-align:center;margin:60px 0 40px 0;color: #2b2b2b;font-size: 30px;}
.pros_tit span{color: #0095e2;}
.pros_p a:hover{background-color: #0078c1;}
.pros_p img:hover{-webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);box-shadow: 0 2px 16px rgba(0, 0, 0, 0.5);}

/*news*/
.new_left{float: left;width: 740px;overflow:hidden;}
.new_left_f1{background-color: #fff;box-shadow:0 3px 2px #e1e1e1;width: 736px;margin-top:30px;padding:30px;}
.new_left_f1 h2{font-size: 18px;color:#333;line-height: 21px;font-weight: normal;}
.new_left_f1 h2 a{color:#333;}
.new_left_f1 h2 a:hover{color:#0095e2;}
.new_left_f1 div{color: #cccccc;font-size: 14px;line-height: 24px;}
.new_left_f1 div a{float: right;color: #cccccc;}
.new_left_f1 div a:hover{color:#0095e2;}
.new_left_f1 img{display: block;margin:20px 0;width:675px;height:auto;}
.new_left_f1 p{font-size: 14px;line-height: 24px;}
.feny1{text-align: left;}
.new_right{float: right;width: 330px;}
.new_right_f1{margin-top:30px;width:265px;background-color: #fff;padding:30px;}
.new_right_f1 h1{font-size: 18px;height: 35px;color: #494949;border-bottom:1px solid #f1f1f1;}
.new_right_f1 h1 span{height:100%;display:inline-block;border-bottom:2px solid #0095e2;}
.new_right_f1 img{display: block;margin-top:30px;}
.new_right_f1 ul{margin:20px 0 7px 0;padding-left:20px;list-style: disc;color: #999;}
.new_right_f1 ul li a{font-size: 14px;line-height: 24px;color: #333;}
.new_right_f1 ul li a:hover{color:#0095e2;}
.new_right_f1 ul li.qian a{font-size: 14px;line-height: 24px;}
.new_right_f1 ul li.qian a:hover{color:#0095e2;}
.mian1{text-align: left;margin:30px 0 15px 0;line-height: 20px;}

.news_page{width: 1100px;margin:45px auto;margin-bottom:50px;text-align: left;}
.news_page a{text-align: center;}
.new_right_f1 h1 a:hover{
    color: #009ced;
}
/*parts*/
.part_tit{margin:47px 0 30px 0;overflow:hidden;background-color: #fff;padding:40px 0;}
.part_tit_left{margin-left:45px;font-size:24px;color:#009ced;float: left;width: 130px;height:42px;border-right:1px solid #e5e5e5;}
.part_tit_left span{display: block;font-size: 14px;color: #d9d9d9;font-family: Arial;}
.part_tit_right{float:left;width:850px;margin-left:40px;color: #444;font-size: 14px;line-height:26px;}
.parts_cont{overflow: hidden;margin-bottom:80px;}
.parts_f1{margin:0 20px 20px 0;padding:20px;float:left;width: 590px;background-color: #fff;overflow:hidden;}
.parts_left{margin-top:3px;float: left;width: 195px;height:195px;overflow: hidden; }
.parts_left img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height:100%;}
.parts_right{float: left;width: 280px;margin-left:23px;}
.part_top{transition:.5s;-webkit-transition:.5s;margin-top:20px;overflow: hidden;}
.part_top>span{float:left;font-size: 50px;color: #009ced; font-family: 'Conv_HelveticaNeue-ThinExt';}
.part_top div{margin-left:15px;color: #ccc;font-size: 12px;font-family: Arial;width:190px;float: left;}
.part_top div a{margin:4px 0 5px 0;font-size:18px;color:#333;font-family: "Microsoft YaHei";display: block;}
.part_bottom{margin-top:15px;font-size: 13px;color: #696969;line-height: 21px;}
.parts_f2{margin-right:0;}
.parts_f1:hover .parts_left img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.parts_f1:hover .part_top div a{color: #0095e2;}
.parts_f1:hover .part_top{margin-left:10px;}


/*marking*/
.mark_cont{overflow: hidden;width: 1015px;margin:30px auto;}
.mark_left{width: 385px;float: left;}
.mark_f1{border-bottom:1px dashed #dcdcdc;font-size: 13px;color: #a8a8a8;line-height: 22px;}
.mark_f1 span{margin:30px 0 16px 0;display: block;font-size: 18px;color: #333;}
.mark_f1 a{transition:.5s;-webkit-transition:.5s;text-align:center;display:block;width:60px;color: #777;margin:35px 0 32px;}
.last_mark_f1{border:none;}
.mark_f1:hover>span{color: #0095e2;}
.mark_f1:hover a{color: #fff;background-color: #0095e2;}
.mark_right{margin-top:30px;width: 590px;float: right;}
.mark_right span{font-size:18px;color:#cbcbcb;text-align:center;display: block;margin-bottom:100px;}

/*product*/
.pro_page{width: 1020px;margin:0 auto;overflow: hidden;}
.product_cont{margin-bottom:20px;overflow: hidden;width: 100%;background-color: #fff;}
.f1_pro{width: 1020px;margin:35px auto;overflow: hidden;height:445px;}
.jt{position: absolute;width: 87px;top:0;right:0;}
.jt a{width: 37px;height:37px;border:1px solid #e5e5e5;margin-left:2px;}
/*????????*/
.spec-preview{width:442px;height:442px;float: left;}
.jqzoom{position:relative;cursor:pointer;margin:auto;display:block;width: 440px;height: 440px;/* border: 1px solid #e3e3e3; */}
.zoomdiv{z-index:100;position:absolute;top:0;left:0;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*??§³?????§Ò?*/
.spec-scroll{clear:both;margin-top:55px;width:410px;*margin-bottom: 20px;}
.spec-scroll .prev,.f1_pro_prev{background: url("../images/chanpin1_06.png") no-repeat center #fff;float:left;margin-right:5px;}
.spec-scroll .next,.f1_pro_next{background: url("../images/chanpin_08.png") no-repeat center #fff;float:right;}
.spec-scroll .next:hover,.f1_pro_next:hover{background: url("../images/chanpin1_08.png") no-repeat center #fff;}
.spec-scroll .prev:hover,.f1_pro_prev:hover{background: url("../images/chanpin_06.png") no-repeat center #fff;}
.spec-scroll .prev,.spec-scroll .next{border:1px solid #e3e3e3;display:block;text-align:center;width:30px;height:78px; line-height:78px;cursor:pointer;text-decoration:none;}

.spec-scroll .items{float:left;position:relative;width:340px;height:80px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:80px;}
.spec-scroll .items ul li{float:left;width:85px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #e3e3e3;width:78px;height:78px;cursor: pointer;}
.spec-scroll .items ul li img:hover{border-color: #0095e2;}
.spec-scroll .items ul li img.hover{border-color: #0095e2;}

.in_pd_r{width: 515px;overflow: hidden;float: right;}
.in_pd_r .r_tit{position:relative;margin-top:10px;font-size: 30px;color: #3a3e3f;}
.in_pb{margin:33px 0 38px 0;font-size: 14px;color: #777d7e;}
.in_pb span{cursor:pointer;transition:.5s;-webkit-transition:.5s;border:1px solid #e5e5e5;margin-bottom:4px;display:inline-block;width: 138px;height:30px;background-color: #eee;line-height: 30px;text-align:center;}
.in_pb b{display: block;font-weight: normal;margin-bottom:10px;}

.in_pb span:first-child{margin-top:20px;}
.in_pb span:hover,.in_pb span.on{background-color: #d6d6d6;}
.in_xun{overflow: hidden;}
.in_xun>a{text-align:center;transition:.5s;-webkit-transition:.5s;float: left;width: 210px;height:42px;line-height: 42px;background-color: #0095e2;color:#fff;}
.in_xun>a:hover{background-color: #0071ad;}
.in_xun>span{float: left;margin:0 10px 0  30px;color: #646464;font-size: 14px;line-height:42px;}
.in_xun .bshare-custom{float:left;margin-top:10px;}
.in_xun .bshare-custom a{margin-right:10px;}
.in_xun .bshare-custom a.bshare-sinaminiblog{background: url("../images/chanpin1_18.png") no-repeat center!important;}
.in_xun .bshare-custom a.bshare-sinaminiblog:hover{background: url("../images/chanpin_18.png") no-repeat center!important;}
.in_xun .bshare-custom a.bshare-qqmb{background: url("../images/chanpin_13.png") no-repeat center!important;}
.in_xun .bshare-custom a.bshare-qqmb:hover{background: url("../images/chanpin1_13.png") no-repeat center!important;}
.in_xun .bshare-custom a.bshare-qzone{background: url("../images/chanpin_15.png") no-repeat center!important;}
.in_xun .bshare-custom a.bshare-qzone:hover{background: url("../images/chanpin1_15.png") no-repeat center!important;}

.page_js{display:block;margin-bottom:30px;height:60px;line-height:60px;color:#1c1c1c;font-size:16px;text-align: center;border-bottom:1px solid #edf0f0;}
.js_left{width: 570px;float: left;margin-bottom:50px;}
.span_tit{display: block;font-size:18px;color:#1c1c1c;padding-left:14px;border-left:4px solid #009ced;height:20px;line-height: 20px;}
.js_left p{margin-top:25px;font-size: 14px;color: #666;line-height: 23px;}
.js_left p span{display: block;color: #1a1a1a;}
.yiy{margin:20px 0 60px 0;}
.yiy a{-webkit-transition:.5s;transition:.5s;overflow:hidden;width:306px;height:203px;display:inline-block;margin-left:20px;}
.yiy a:first-child{margin-left:0;}
.yiy a img{-webkit-transition:.5s;transition:.5s;display: block;width: 100%;height:100%;}
.yiy a:hover img{transform: scale(1.1);-webkit-transform:scale(1.1);}
.yiy a:hover{-webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);box-shadow: 0 2px 16px rgba(0, 0, 0, 0.45);}

/* ????? */
.txtScroll-left{  margin:0 0 60px 0; position:relative;   }
.txtScroll-left .hd{ overflow:hidden;  height:48px;  }
.txtScroll-left .hd span{float: left;color:#2f2f2f;font-size: 18px;}
.txtScroll-left .hd i{float: left;height:1px;background-color:#d2d2d2;width: 955px;margin:15px 10px;}
.txtScroll-left .hd .prev,.txtScroll-left .hd .next{ background:url("../images/pro_03.png") no-repeat center;display:block;  width:10px; height:10px; float:right; margin-right:32px; margin-top:10px;  overflow:hidden; cursor:pointer;}
.txtScroll-left .hd .next{margin-right:0;background:url("../images/pro_05.png") no-repeat center; }

.txtScroll-left .bd{width:100%;overflow:hidden;    }
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{background-color: #fff;overflow: hidden; margin-right:20px; border:1px solid #e5e5e5;  float:left; height:238px; width: 538px;  text-align:left; _display:inline;}
.aboutPro_left{margin:32px;float: left;overflow:hidden;width:180px;height:180px;  }
.aboutPro_left img{display:block;width:100%;height:100%;transition: .5s;-webkit-transition: .5s;}
.aboutPro_right{transition: .5s;-webkit-transition: .5s;float: left;width: 250px;}
.aboutPro_right .js_tit{transition: .5s;-webkit-transition: .5s;margin-top:40px;display: block;font-size: 18px;color: #2f2f2f;}
.aboutPro_right span{display: block;font-size: 14px;color: #b2b2b2;margin-top:5px;}
.aboutPro_right p{margin:15px 0 25px 0;display: block;font-size: 14px;color: #444;line-height: 24px;}
.aboutPro_right .jia{transition: .5s;-webkit-transition: .5s;display: block;width: 32px;height:32px;background: url("../images/cpxq_03.png") no-repeat center;}
.txtScroll-left .bd ul li:hover .aboutPro_right{margin-left:10px;}
.txtScroll-left .bd ul li:hover .aboutPro_right .jia{margin-left:10px;}
.txtScroll-left .bd ul li:hover .aboutPro_right .js_tit{color: #01a3f6;}
.txtScroll-left .bd ul li:hover .aboutPro_left img{transform: scale(1.05);-webkit-transform: scale(1.05);}

/*join*/
.hoin_f1_tit{margin-top:35px;text-align:center;font-size: 14px;color: #737373;line-height: 24px;}
.hoin_f1_tit span{font-size:24px;color:#fff;display: block;margin:25px auto;width: 190px;height:50px;line-height:50px;background-color: #16a3ed;}

.hon{   position:relative;margin:30px 0 100px 0;}
.hon .piclist{ overflow:hidden;  zoom:1;}
.hon .ohbox{overflow:hidden; position:relative;width:1200px;left:0;}
.hon .piclist li{border:1px solid #e4e4e4;background-color:#fff;float:left; display:inline; width:230px;padding:18px 15px 0 15px;margin-right:14px;}
.hon .piclist li span{height:55px;line-height:55px;display:block;text-align:center;   }
.hon .pageBtn span{display:block;top:50%;margin-top:-40px;width:37px;height:59px;position:absolute;cursor:pointer;text-indent:-999em;overflow:hidden; }
.hon .pageBtn .prev{left:-60px;background: url("../images/join1_08.png") no-repeat center;}
.hon .pageBtn .prev:hover{background: url("../images/join_08.png") no-repeat center;}
.hon .pageBtn .next{right:-60px;background: url("../images/join_11.png") no-repeat center;}
.hon .pageBtn .next:hover{background: url("../images/join1_11.png") no-repeat center;}
.hon .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }
.hon .pageBtn .list li{  float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }
.hon .pageBtn .list li.on{background-position:-114px -57px }

/*f2*/
.join_f2{margin-bottom:68px;}
.join_f2_left{border:1px solid #eaeaea;float: left;width: 715px;height:427px;background-color: #fafafb;}
.join_f2_left>span{margin:40px 20px 0;display:block;font-size:24px;color:#fff;text-align:center;background-color:#16a3ed;width:365px;line-height:50px;height:50px;}
.join_f2_left div{padding-bottom:15px;margin:0 auto;width:620px;font-size: 13px;line-height: 24px;color: #747474;}
.join_f2_left div span{margin:15px 0;font-size:18px;display: block;color: #212121;}
.join_f2_left div.first-div{margin-top:40px;border-bottom:1px dashed #dbdbdc;}
.join_f2_right{float:right;width: 361px;height:428px;overflow: hidden;}
.join_f2_right img{transition:.5s;-webkit-transition:.5s;display: block;width: 100%;height:100%;}
.join_f2_right:hover img{transform: scale(1.05);-webkit-transform:scale(1.05);}

/*f3*/
.join_f3{background-color: #fafafb;border:1px solid #eaeaea;}
.join_f3_tit{overflow: hidden;margin:70px 0 40px 0;}
.join_f3_left{margin-right:18px;background:url("../images/rx_03.png") no-repeat 10px center;padding-left:130px;float: left;width: 405px;height:110px;border:1px solid #eaeaea;border-left:5px solid #16a3ed;}
.join_f3_left span{margin:15px 0 10px 0;display: block;font-size: 24px;color: #434343;}
.join_f3_right{margin-right:0;background: url("../images/rx_06.png") no-repeat 10px center;}
.join_slideBox{width: 100%;margin-bottom:80px;}
.join_slideBox .large_box{width: 100%;height:425px;}
.join_slideBox .small_box{width: 100%;}
.join_slideBox .small_list{width: 940px;}
.join_slideBox .small_list ul li{width:226px;margin-right:11px;}
.join_slideBox .small_list ul li .bun_bg{width: 226px;height:150px;}
.join_slideBox .btn{width: 65px;height:150px;}

.join_f4{padding:67px 0 72px 0;}
.join_f4_left{overflow:hidden;float:left;width: 616px;height:508px;border:4px solid #fff;}
.join_f4_right{width: 391px;float: left;margin-left:32px;}
.join_f4_top{color: #212121;font-size: 30px;}
.join_f4_top span{text-indent:1em;margin-bottom:20px;font-size:24px;background-color:#16a3ed;color:#fff;width: 220px;height:50px;line-height: 50px;display: block;}
.join_f4_p{margin:30px 0 18px 0;font-size: 14px;color: #898989;line-height: 24px;}
.join_f4_p span{display:block;margin-bottom:10px;font-size: 16px;color: #484848;}
.join_f4_img b{width:185px;overflow:hidden;height:115px;display:inline-block;margin:3px 3px 0 0;border:2px solid #fff;}
.join_f4_img b.last_b{margin-right:0;}
.join_f4_img b img,.join_f4_left img{transition:.8s;-webkit-transition:.8s;display: block;width: 100%;height:100%;}
.join_f4_img b:hover img,.join_f4_left:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}

/*honor*/
.honor-box { padding: 40px; }
.honor-box h2 { font-size: 18px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf; }
.honor-ol { margin-top: 30px; margin-bottom: 20px; }
.honor-ol li { display: inline-block; height: 33px; line-height: 33px; padding-left: 20px; padding-right: 20px; border-radius: 20px; border: 1px solid #333; color: #333; margin-right: 10px; cursor: pointer;
    -webkit-transition: .5s; -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; transition: .5s; }
.honor-ol li:hover,.honor-ol li.active { border-color: #022684; color: #022684; }

.honor-list { width: 970px;margin:0 auto; overflow: hidden; }
.honor-list li 
{
     width: 200px;
    height: 278px;
    float: left;
    margin: 0 40px 20px 0;


}
.honor-list li.r { margin-right: 0; }
.honor-list li a { display: block;  cursor: pointer; }
.honor-list li a img { width: 100%; height: 100%; border: 1px solid #ccc; }
.honor-list li a p { width: 212px; text-align: center; height: 32px; line-height: 32px; color: #666; }
.honor-list li a:hover p { color: #022684; }

/*new*/
.new_content{margin: 40px auto;margin-top:45px;}
.new_tit{height:80px;overflow:hidden;text-align:center;border-bottom:1px solid #cecece;}
.new_tit h1{margin-bottom:15px;width:100%;font-size: 18px;color: #232323;font-weight: normal;}
.new_tit span{margin-left: 304px;
  height: 30px;
  line-height: 30px;
  float: left;
  color: #666;
  font-size: 14px;
  margin-right: 16px;}
.new_cont{margin:40px 0 50px 0;font-size: 14px;line-height: 24px;color: #666;}
.new_cont img{display: block;margin:40px auto;width:100%;}
.bq{padding-left:10px;margin-bottom:40px;height:30px;border-bottom:1px solid #cecece;#color: #666;font-size: 14px;line-height: 24px;}
.bq a{color: #666;display:inline-block;margin-right:10px;}
.new_page{margin:50px 0;position: relative;text-align: center;}
.new_page a{min-width: 100px;height:24px;line-height: 24px;}
.new_page a.page_prev{min-width: 220px;border:none;position: absolute;left:0;}
.new_page a.page_next{min-width: 220px;border:none;position: absolute;right:0;}
.new_page a.page_prev span{width:24px;height:24px;float:left;background:url("../images/index_031_03.png") no-repeat center #ddd;}
.new_page a.page_next span{width:24px;height:24px;float:right;background:url("../images/index_34.png") no-repeat center #ddd;}
.new_page a.page_prev:hover{background-color:transparent;color: #006eb1;}
.new_page a.page_next:hover{background-color:transparent;color:#006eb1;}
.bq a:hover{color: #333;}
.new_left+.about_news{margin-top:40px;}
.new_page a:hover{color: #006eb1;}
.news_fx a.bds_more{padding:0!important;margin:7px 0 0 0!important;width: 15px!important;height:15px!important;background: url("../images/fx.png") no-repeat center!important;}

.about_news{height:24px;line-height:24px;overflow: hidden;margin: 0 auto;width:950px;margin-top:40px;}
.about_news span{font-size: 24px;float:left;border-left:4px solid #00a9e8;padding-left:8px;}
.about_news a{float: right;font-size: 13px;color: #7c7c82;}
.about_news a:hover{color:#006eb1;}
.about_new{overflow: hidden;width: 950px;margin: 0 auto;margin-top: 15px;margin-bottom:35px;}
.about_new a{line-height:28px;margin-left:16px;width:225px;height:190px;float: left;font-size:13px;background-color:#f1f1f1;text-align:center;color: #333;}
.about_new a b{margin: 10px auto;display:block;width:205px;height:130px;overflow: hidden;}
.about_new a b img{display: block;width: 100%;height:100%;transition: .5s;-webkit-transition: .5s;}
.about_new a:first-child{margin-left:0;}
.about_new a:hover{color:#006eb1;}
.about_new a:hover b img{transform: scale(1.1);-webkit-transform: scale(1.1); }


/*video*/
.video_cont{width: 950px;margin:0 auto;}
.tv_f1{overflow: hidden;margin: 50px 0;}
.yk{float:left;margin:0 80px 50px 0;width: 260px;}
.yk a{text-align:center;display: block;height:38px;color:#333;font-size:14px;line-height: 38px;border-bottom:2px solid #eaeaea;}
.yk b{cursor:pointer;display: block;border-radius:5px;width:260px;height:165px;overflow: hidden;}
.yk b img{display:block;width:260px;height:165px;}
.yk1{margin-right:0;}
.yk:hover a{color:#006eb1; }



/*banner*/
.flexslider{ position:relative; clear: both; overflow:hidden; margin-top: -2px; z-index: 99; }
.flexslider .slides li a{display: block;width: 100%;}
.flexslider .slides li a img { width: 100%; }
.flex-direction-nav a{position:absolute;top:50%;width:60px;height:90px;line-height:99px;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;  z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{position:absolute;text-align:center;width:100%;bottom:0; left:0; height:30px; display:none;}
.flex-control-nav li{margin:8px 5px;width:13px;height:13px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{display:inline-block;width:13px;height:13px;border-radius: 50%; vertical-align:middle; text-align:center;display:block;overflow:hidden;cursor:pointer;}

/*f1*/
.f1{padding:40px 0 35px 0;background-color: #fff;}
.f1_left{transition:1s;-webkit-transition:1s;float: left;width: 535px;opacity: 0;filter:alpha(opacity=0);margin-left:-550px;}
.f1_tit{margin-bottom:20px;font-size: 24px;color: #0e050a;}
.f1_tit span{margin-top:7px;display: block;font-size: 12px;color: #c5c5c5;font-family: Arial;}
.f1_bottom{background-color: #f9f9f9;padding:1px 0;}
.f1_left_img {margin:0 auto;margin-top:21px;display: block;width: 486px;height:156px;overflow: hidden;}
.f1_left_img img{display: block;width: 100%;height:100%;transition: .5s;-webkit-transition: .5s;}
.f1_bottom_ul{font-size:12px;color:#c0c0c0;line-height:24px;margin:0 auto;margin-top:16px;width: 486px;}
.f1_bottom_ul a{transition:.5s;-webkit-transition:.5s;color: #222;font-size: 13px;}
.f1_bottom_ul a:hover{color:#0095e2;text-decoration: underline;}
.f1_bottom_ul li{overflow: hidden;}
.f1_bottom_ul span{float: right;}
.f1_bottom_ul+a{transition:.5s;-webkit-transition:.5s;background:url("../images/index1_19.png") no-repeat 455px center #009ced;width: 486px;margin:15px auto;margin-bottom:25px;display: block;height:44px;line-height: 44px;color: #fff;font-size: 14px;text-indent:1em;}
.f1_bottom_ul+a:hover{background:url("../images/index1_19.png") no-repeat 465px center #009ced;}
.f1_right{transition:1s;-webkit-transition:1s;float: right;opacity: 0;filter:alpha(opacity=0);margin-right:-550px;}
.f1_right.on{opacity: 1;filter:alpha(opacity=100);margin-right:0;}
.f1_left.on{opacity: 1;filter:alpha(opacity=100);margin-left:0;}
/* ??????css */
.f1_video{ margin:20px 27px;width:480px; position:relative;  }
.f1_video .hd{top:-80px;right:-30px;position: absolute;width:100px;z-index:100;overflow:hidden;  height:35px;   }
.f1_video .hd .prev,.f1_video .hd .next{ display:block;  width:32px; height:32px; float:right; margin-right:10px; overflow:hidden;  background: url("../images/index_05.png") no-repeat center;    cursor:pointer;}
.f1_video .hd .next{ background: url("../images/index_07.png") no-repeat center;  }
.f1_video .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px;  }
.f1_video .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;  }
.f1_video .hd ul li.on{ background-position:0 0; }
.f1_video .bd ul{ overflow:hidden; zoom:1; }
.f1_video .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }
.f1_video .bd ul li .pic{ text-align:center; }
.f1_video .bd ul li .pic img{ transition:.5s;-webkit-transition:.5s;width:480px; height:305px; display:block;  }
.f1_video .bd ul li:hover .pic img{-webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);  -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);box-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);transform: scale(.94);-webkit-transform: scale(.94);}

/*f2*/
.f2{overflow:hidden;}
.f2_tit{text-align: center;font-size: 30px;color: #0e050a;margin:40px 0 15px 0;}
.f2_tit span{margin-top:5px;font-size: 12px;color: #c5c5c5;display: block;}
.f2_tit p{margin-top:15px;font-size: 14px;color: #696969;line-height: 24px;}
.f2_pro .main{color:#fff;position: relative;height:480px;}
.yey{margin-top:-50px;transition:2s;-webkit-transition:2s;opacity: 0;filter:alpha(opacity=0);top:160px;left:53px;position: absolute;width: 430px;text-align:center;}
.yey p{font-size:36px;margin:20px 0 15px 0;background: url("../images/f2_bg_03.png") no-repeat center;}
.yey>span{font-size:18px;border:1px solid #6b7c92;margin:0 auto;display: block;width: 235px;height:35px;line-height: 35px;}
.yey>b{font-weight:normal;font-family: 'intro_regular';display: block;font-size:42px;}
.yey>b span{color: #ffd614;}
.yey>a{transition:.5s;-webkit-transition:.5s;display: block;width: 48px;height:48px;background: url("../images/xia_03.png") no-repeat center;margin:0 auto;margin-top:27px;}
.f2_pro:hover .yey>a{margin-top:40px;}
.yey.on{opacity: 1;filter:alpha(opacity=100);margin-top:0;}
.f2_bottom,.f2_bottom1{transition:1s;-webkit-transition:1s;opacity: 0;filter:alpha(opacity=0);height:200px;background-color: #fff;}
.f2_bottom.on{opacity: 1;filter:alpha(opacity=100);}
.f2_bottom .main{margin-left:-1200px;}
.f2_bottom.on .main{margin:0 auto;}

.f2_bottom_left,.f2_bottom_right{width:550px;float: left;}
.f2_bottom_left span{font-size:14px;color:#333;text-align:center;float: left;width: 105px;margin:37px 30px 0 30px;}
.f2_bottom_left span img{margin:0 auto;transition:.5s;-webkit-transition: .5s;display: block;margin-bottom:10px;}
.f2_bottom_left span:hover img{transform: rotateZ(50deg);-webkit-transform:rotateZ(50deg); }
.f2_f1{float: left;width: 162px;margin:60px 0 0 45px;}
.f2_f1 a{padding-left:19px;margin-bottom:10px;background:url("../images/index1_33.png") no-repeat left center;display: block;font-size: 14px;color: #7e7e7e;}
.last{width: 90px;}
.f2_pro1 .yey{left:auto;right:80px;}
.f2_f2{margin-left:0;width: 183px;}
.f2_bottom1{opacity: 0;filter:alpha(opacity=0);background-color: #f9f9f9;}
.f2_bottom1.on{opacity: 1;filter:alpha(opacity=100);}
.f2_bottom1 .main{margin-right:-1200px;}
.f2_bottom1.on .main{margin:0 auto;}

/* f3 */
.f3{background-color: #fff;overflow:hidden;}
.f3_bottom{ width:100%;  overflow:hidden; position:relative;  }
.f3_bottom .hd{margin:10px 0 30px 0; overflow:hidden; width:100%;  text-align:center; }
.f3_bottom .hd a.f3_more{ transition:.5s;-webkit-transition: .5s;display: inline-block;border-radius:18px;font-size:14px;width:135px;color:#fff;height:36px;background-color:#009ced;;line-height:36px;margin:0 30px;}
.f3_bottom .hd .prev,.f3_bottom .hd .next{ display: inline-block; width:9px; height:10px;  margin-right:5px;  overflow:hidden;
    cursor:pointer;background:url("../images/index_35.png") no-repeat center;}
.f3_bottom .hd .next{ background:url("../images/index_37.png") no-repeat center;}
.f3_bottom .hd a.f3_more:hover{background-color: #717171;}
.f3_bottom .bd ul{width: 100%; overflow:hidden; zoom:1; }
.f3_bottom .bd ul li{width:25%;overflow:hidden;float:left; _display:inline;   }
.f3_bottom .bd ul li .pic{ width: 100%;   position: relative;}
.f3_bottom .bd ul li .pic img{ transition:.5s;-webkit-transition: .5s;width:100%; height:100%; display:block;  }
.f3_bottom .bd ul li .pic:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.f3_case{z-index:120;transition:.5s;-webkit-transition: .5s;position: absolute;width: 100%;bottom:-30px;left:35px;color: #fff;}
.f3_bottom .bd ul li .pic a>i{z-index:100;position:absolute;transition:.5s;-webkit-transition: .5s;display: block;width: 100%;height:100%;background-color: #000;opacity: 0;filter:alpha(opacity=0);}
.f3_bottom .bd ul li .pic a:hover>i{background-color: #0292cc;opacity: 0.7;filter:alpha(opacity=70);}
.f3_case span{transition:.5s;-webkit-transition: .5s;font-size:16px;display:block;margin:13px 0 40px 0;}
.f3_case i{display: block;width: 16px;height:2px;background-color: #fff;opacity: 0.7;filter:alpha(opacity=70);}
.f3_case b{display: block;width: 30px;height:30px;background: url("../images/zuo_03.png") no-repeat center;}
.f3_bottom .bd ul li .pic a:hover .f3_case span{margin:13px 0 20px 0;}
.f3_bottom .bd ul li .pic a:hover .f3_case{bottom:40px;}

/*f4*/
.f4{background-color: #fff;overflow:hidden;}
.f4 .f2_tit{margin:0 0 15px 0;opacity: 0;filter:alpha(opacity=0);}
.f4 .main{margin-top:63px;margin-bottom:20px;}
.f4_div{opacity: 0;filter:alpha(opacity=0);transition:.5s;-webkit-transition:.5s;position:relative;padding-left:100px;float:left;margin-bottom:65px;line-height:18px;width: 175px;height:115px;}
.f4_div i{transition:.5s;-webkit-transition:.5s;top:15px;display: block;position:absolute;left:0;width: 1px;height:85px;background-color:  #d4d4d4;}
.f4_div span{transition:.5s;-webkit-transition:.5s;margin-top:24px;margin-bottom:15px;display: block;font-size: 15px;color: #000;}
.f4_div p{font-size: 13px;color: #666;}
.f4_div:hover i{background-color:#009ced; }
.f4_div:hover span,.f4_div:hover p{color: #fff;}
.f4_f1{border:none;background: url("../images/index_47.png") no-repeat 15px center;}
.f4_f1:hover{background: url("../images/index1_55.png") no-repeat 15px center #009ced;}
.f4_f2{background: url("../images/index_52.png") no-repeat 15px center;}
.f4_f2:hover{background: url("../images/index1_60.png") no-repeat 15px center #009ced;}
.f4_f3{background: url("../images/index_54.png") no-repeat 15px center;}
.f4_f3:hover{background: url("../images/index1_62.png") no-repeat 15px center #009ced;}
.f4_f4{background: url("../images/index_49.png") no-repeat 15px center;}
.f4_f4:hover{background: url("../images/index1_57.png") no-repeat 15px center #009ced;}
.f4_f5{border:none;background: url("../images/index_61.png") no-repeat 15px center;}
.f4_f5:hover{background: url("../images/index1_69.png") no-repeat 15px center #009ced;}
.f4_f6{background: url("../images/index_66.png") no-repeat 15px center;}
.f4_f6:hover{background: url("../images/index1_74.png") no-repeat 15px center #009ced;}
.f4_f7{background: url("../images/index_64.png") no-repeat 15px center;}
.f4_f7:hover{background: url("../images/index1_72.png") no-repeat 15px center #009ced;}
.f4_f8{background: url("../images/index1_77.png") no-repeat 15px center;}
.f4_f8:hover{background: url("../images/index_69.png") no-repeat 15px center #009ced;}

/*f5*/

.f5_bottom{ position:relative;margin-top:30px;     }
.f5_bottom .hd{   margin:20px 0 45px 0; height:30px;  }
.f5_bottom .hd .prev,.f5_bottom .hd .next{top:73px;left:-55px;background: url("../images/index_05.png") no-repeat center; display:block; position: absolute; width:32px; height:32px; overflow:hidden; cursor:pointer;}
.f5_bottom .hd .next{left:auto;right:-55px; background: url("../images/index_07.png") no-repeat center; }
.f5_bottom .hd ul{width:100%;text-align:center; overflow:hidden; zoom:1; height:20px; }
.f5_bottom .hd ul li{background: url("../images/dian_03.png") no-repeat center;display: inline-block;  width:17px; height:17px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; }
.f5_bottom .hd ul li.on,.f5_bottom .hd ul li:hover{background: url("../images/dian_05.png") no-repeat center; }

.f5_bottom .bd{width: 100%; overflow:hidden;    }
.f5_bottom .bd ul{ overflow:hidden; zoom:1; }
.f5_bottom .bd ul li{width: 540px; margin-right:20px;  float:left; height:190px;  text-align:left; _display:inline;}
.f5_bottom .bd ul li span{ color:#999;  }
.f5_bottom .parts_left{width: 128px;height:128px;}
.f5_bottom .part_top{margin-top:0;}
.f5_bottom .part_top div{margin-left:0;}
/*album*/
.album{overflow: hidden;width: 1040px;margin:40px auto;}
.album_right{float:right;height:551px;background-color: #eee; width:235px;  overflow:hidden; position:relative;   }
.album_right .hd .prev,.album_right .hd .next{z-index:1000;background: url("../images/al_03.png") no-repeat center; display:block; overflow:hidden; width:29px;height:16px;position:absolute;top:24px;left:50%;margin-left:-14px;cursor:pointer; }
.album_right .hd .next{ background: url("../images/al_15.png") no-repeat center;top:auto;bottom:17px; }
.album_right .bd{width:200px; margin:40px auto;}
.album_right .bd ul{ overflow:hidden; zoom:1; margin-top:10px; }
.album_right .bd ul li{ text-align:center; zoom:1; padding:10px 0;}
.album_right .bd ul li .pic{ text-align:center; }
.album_right .bd ul li .pic img{cursor:pointer; width:195px; height:135px; display:block;  padding:1px; border:1px solid #ccc; }
.album_right .bd ul li .pic a:hover img,.album_right .bd ul li.on .pic a img{ border:2px solid #999;padding:0;  }


.album_left{z-index:990;opacity: 0;filter:alpha(opacity=0) width:776px; height:549px; overflow:hidden; position:absolute; border:1px solid #ddd;float: left;  }
.album_left .bd{ position:relative; height:100%; z-index:0;   }
.album_left .bd li{ zoom:1; vertical-align:middle; }
.album_left .bd img{ width:776px; height:549px; display:block;  }
.album_left .prev,
.album_left .next{left:20px;background: url("../images/al_07.png") no-repeat center; position:absolute;width:16px;height:28px; top:50%;margin-top:-14px;}
.album_left .next{ left:auto;right:20px;background: url("../images/al_10.png") no-repeat center; }
.album_left.on{opacity: 1;filter:alpha(opacity=100);z-index: 1000;}



/*???*/
.qqkefu{
    position: fixed;
    top:50%;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 10000;
    right: 30px;
    width:39px;
    display:none;
}
.qqkefu ul li{
    width: 45px;
    height:45px;
    margin-bottom:1px;
    float:right;
    background: #1c1e27;
    line-height:45px;
    font-size:12px;
    cursor:pointer;
    position:relative;
}
.qqkefu ul li a{
    color:#fff;
    overflow: hidden;
    display: block;
    height: 45px;
}
.qqkefu ul li.qq_cza{
    overflow:hidden
}
.qqkefu ul li:hover{
    background:#009ced;
}
.qqkefu ul li.top{
    background:url("../images/back.png") no-repeat center #1c1e27;
    position:relative;
    width:45px;
    height: 45px;
    cursor:pointer;
}
.qqkefu ul li.top:hover{
    background:url("../images/back.png") no-repeat center #009ced;
}
.qqkefu ul li b{
    width:45px;
    height:45px;
    display:block;
    overflow:hidden;
    float:left;
}
.qqkefu ul li span{
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
}
.qqkefu ul li b.a{
    background:url(../images/qq.png) no-repeat center center;
}
.qqkefu ul li b.b{
    background:url(../images/zixun.png) no-repeat center center;
}
.qqkefu ul li b.c{
    background:url(../images/weixin.png) no-repeat center center;
}
.qqkefu ul li b.e{
    background:url(../images/tel.png) no-repeat center center;
}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{
    width: 130px;
    height: 150px;
    position: absolute;
    top: -107px;
    left: -150px;
    background: #FFF;
    border: 1px solid #CCC;
    float: left;
    cursor: default !important;
    display:none;
    /*overflow: hidden;*/
}
.erweima p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}
.erweima p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0 10px;
    border:1px solid #eee;
}
.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    background:url(../images/czx6.png) no-repeat;
    position: absolute;
    right: -5px;
    top: 122px;
}

/*culture*/
.main_cont .casecont{overflow: hidden;width: 1075px;margin:0 auto;margin-bottom:30px;padding:40px;}
.main_cont .casecont a{transition:.5s;margin:0 17px 20px 0;background-color:#fff;float: left;width: 320px;}
.main_cont .casecont a b{display: block;width: 320px;height:237px;overflow: hidden;}
.main_cont .casecont a b img{transition:.5s;display: block;width: 100%;height:100%;}
.main_cont .casecont a p{transition:.5s;color:#343434;font-size:14px;padding: 10px 17px 0 17px;height:55px;}
.main_cont .casecont a p i{transition:.5s;margin-top:12px;display: block;width: 25px;height:2px;background-color: #009ced;;}
.main_cont .casecont a.last_an{margin-right:0;}
.main_cont .casecont a:hover{background-color:#009ced;;}
.main_cont .casecont a:hover p{color: #fff;}
.main_cont .casecont a:hover p i{background-color: #fff;}
.main_cont .casecont a:hover b img{transform: scale(1.1);}



.page .qing
{
	display:none;
	}
	
	#test img{

width:100%
}


.right_cont
{
	width:700px;
	margin:0 auto;
	}
.new_content img{

display:block;
width:100%
}








.video_bg{display:none;top:0;left:0;position: fixed;width: 100%;height:100%;z-index: 10000;background: #000;opacity: .7; filter: alpha(opacity=70);}
.video_bg img{cursor:pointer;position: absolute;right:10px;top:10px;}
.video_t{display:none;top:50%;left:50%;margin:-250px 0 0 -320px;width: 700px;height: 560px;position: fixed;z-index: 10001;background-color: #fff;border:3px solid #eee;padding:30px;}




.f4_f9{background: url("../images/09.png") no-repeat 15px center;}
.f4_f9:hover{background: url("../images/09_h.png") no-repeat 15px center #009ced;}
.f4_f10{background: url("../images/10.png") no-repeat 15px center;}
.f4_f10:hover{background: url("../images/10_h.png") no-repeat 15px center #009ced;}

.language a
{
   margin-left:10px;
}

/*.language a:first-child
{
   color:#009ced
}*/
   .language a:hover
{
    color:#009ced;
    transition-duration:1s;
 }
.goodscatlist
{
   -webkit-transition: .8s;
   overflow: hidden;
   display: block;
   width: 1026px;
   /* height: 50px; */
   margin: 10px auto;
   line-height: 50px;
   margin: auto;
}
    
 .goodscatlist a
{
       font-size: 14px;
       color: #737373;
       transition: .5s;
       -webkit-transition: .5s;
       text-align: center;
       float: left;
       width: 130px;
       /* height: 50px; */
       line-height: 50px;
       overflow: hidden;
       box-sizing: border-box;
       /* background-color: #9E9E9E; */
}  
 .goodscatlist a:hover
 {
     
     color: #009ced;
     }

 .goodscatlist .on
 {
     
     color: #009ced;
     }

.goodscat_tit
{
   margin: 47px 0 30px 0;
    overflow: hidden;
    background-color: #fff;
    padding: 40px 0;
    margin: 40px auto;
    padding: 25px 0;
    width: 1200px;  
 }
 /* index-two */
.index-two{}
.in2-con{margin-top: 45px;position: relative;padding-bottom: 70px;}
.in2-con  .swiper-slide a{display: block;position: relative;overflow: hidden;}
.in2-con  .swiper-slide a img{width: 100%;transition: ease .5s;}
.in2-con  .swiper-slide a:hover img{transform: scale(1.04);}
.in2-text{position: absolute;height: 100%;padding-left: 150px;width: 56%;overflow: hidden;top: 0;left: 0;}
.in2-cont{padding: 208px 0;}
.in2-tit{font-size: 36px;color: #333;margin-bottom: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.in-pro-tit{display: inline-block;font-size: 30px;color: #333;transition: ease .5s;margin-right: 15px;margin-bottom: 16px;}
.in2-con  .swiper-slide a:hover .in-pro-tit{color: #0095e2;}
.in-pro-canshu{overflow: hidden;display: inline-block;font-size: 16px;line-height: 28px;color: #666;white-space: nowrap;text-overflow: ellipsis;max-width: 90%;}
.in2-des{font-size: 16px;line-height: 28px;color: #666;    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;   overflow: hidden;}
.in2-con .banner-more{margin-top: 42px;}
.in2-con .banner-more:hover{color: #0095e2;border-color: #0095e2;background-image: url(../images/more.png);}
.in2-con .swiper-pagination{width: 100%;text-align: center;margin-top: 50px;}
.in2-con .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #0095e2;opacity: 1;margin: 0 10px;}
.in2-con .swiper-pagination .swiper-pagination-bullet-active{width:12px;height: 12px;background: transparent;position: relative;border-radius: 50%;border: 1px solid #0095e2;}
.in2-con .swiper-pagination .swiper-pagination-bullet-active::before{content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background:#0095e2;left: 2px;top: 2px;}

   
